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Lab Introduction 

Business Scenario 


The Claims Processing business scenario you will be automating in this lab is meant to illustrate the authoring 
process and the best practices of using IBM Business Process Manager. Consequently the scenario is simple 
and not is not mean to illustrate best practices of claims handling. 


JK Insurance is a fictitious insurance company. Recently, JK Insurance operations concluded that to achieve its 
business objectives it must automate the claims handling process associated with their vehicle insurance 
division. The As-ls process (as shown in Figure 1) is entirely email driven, the data hand-offs are manual, the 
Assess Claim step is performed by people and is inconsistent, and all system interactions are also swivel-chair. 



Retrieve 
Customer Data 

To be Automated 



EXPRESS Processing 

Assess To be Automated 



JK Insurance - 
Head Office 


Notify Customer 

Manual 



Figure 1. Insurance Claims Processing - As-ls 
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The automated process is shown in Figure 2. Notice that in the To-Be process some tasks are manual and some 
are automated. The automated tasks are located in the Automated Processing swim-lane. The manual tasks 
performed at the Claims Processing Center are located in the Data Entry swim-lane, and the manual tasks 
performed at the head office are located in the Manual Processing swim-lane. 
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Figure 2. Insurance Claims Processing - To-Be 


Tools and Runtimes 


In this lab you will automate the Claims Processing application (shown in Figure 2) using IBM Business 

Process Designer and run it on the IBM Business Process Manager Advanced runtime 

Development Roles and Responsibilities 

When developing BPM applications for IBM Business Process Manager Advanced there two key roles and 

skills to consider: 

• Business Author- responsible for authoring all business processes, including designing and creating the 
user interfaces that are used for the parts of the process with which people interact. Business authors also 
typically make use of services that an Integration Programmer has authored, but do not know (or care!) how 
they work. 

• Integration Programmer - responsible for doing all of the integration work necessary to support the 
processes that a Business Author is authoring. For example, he will implement all services, and will produce 
mappings between back-end formats and requirements of current application. Where necessary, he can 
write code to handle complex interactions with applications or databases. 

This lab will focus only on the role of the Business Author. Specifically, we’ll see that the Business Author 

responsibilities include: 

• Design of the Claims Process 

• Defining the process data 

• Defining user interfaces for manual tasks 

• Process testing 

In a real-world scenario, the Integration Programmer would have the following responsibilities: 

• To implement the automated tasks as defined by the Business Author. The implementation details are 
completely up to the Integration Programmer. 

• Unit test the automated tasks. 

Let’s get started! 
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Part 1: Start IBM Business Process Manager and Designer 


1. Start the IBM Business Process Manager server 

a. To start Process Center Server, from the desktop click the start shortcut shown below 



Start PC 


_b. Wait until the DOS Windows closes. 

2. Launch IBM Business Process Designer 

a. From the desktop click Start > IBM Process Designer 7.5 

_b. Enter admin for User Name, admin for Password, and click Login. 

c. If this is the first time that the IBM Process Designer has been started on the computer, the Getting 
Started window will be shown, providing links to samples, tutorials, videos and other information to 
get you started quickly. Close the Getting Started window by clicking the ‘X’ in the top-right 
corner. 


P - 

Welcome to Process Designer 7.5 




Videos 

Creating a process 
What is IBM BPM? 



Need Help? 

View online help topics 


••• 

«•» 


Community and support 

BPM community wiki 
Forums 


Start with a sample 


• Hiring process 

• Hiring process (Advanced) 

• Procurement process (Advanced) 


4»t* What do you want to do? 

H^j What do you want to know? 

• Create a process 

• Business process management overview 

• Participate in a process 

• Howto plan a BPM project 

• Administers process 

• Product overview 

• Measure and improve a process 

• Reference information 

• Administer the Process Center repository 

• What's new? 



When the Getting Started window closes, you will see the list of process applications that are 
available within the Process Center. 
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Part 2: Create the First Executable Version of the Process 

In this section you will create the first executable model of the Insurance Claim Processing process. A 
fundamental benefit of IBM Business Process Manager is that the process is always executable. This means 
that at any time you can hit “play” to run the process, allowing you to iteratively uncover requirements and 
validate the implementation 

The main point of this section is that you create an executing process very quickly. Subsequent sections allow 
you to refine and extend your process, specifying more details as you progress. 

_1. Create a new process application 

_a. Click Create New Process App 
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2. In the Create New Process App wizard, enter the following 

a. Set Process App Name to Insurance Claim Processing 

_b. Set Acronym to ICP 
c. Click Create 


Create New Process App x 


Process App Name; 


Insurance Claim Processing 

Acronym: 

ICP| 

Description 








Create 



Process Acronyms 

The acronym for a process application must be unique and is limited to 
seven characters (you are prevented from entering invalid characters). 
Advanced process authors can use the acronym as a unique identifier 
to distinguish reusable assets that share a common name 


3. Open the Insurance Claim Processing process application 

a. In the Process Center, find the process application and click Open in Designer 


Process Apps Toolkits Servers 

Admin 



Wj Insurance Claim Processing (ICP) C 

Last updated on 3/18A11 by1wj_admin 


■^nrt py- Recently Updated ▼ All I Favorites | Archived 



^ Open in Designer 

Quick Start Tutorial (7WQST) C 

Last updated on 3/1 S/i 1 bytuu_admin 



^ Open in Designer 

Process Portal (TWP) C 

Lastupdated on 3/18^11 by 1iAi_admin 



Open in Designer 
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Part 3: Create the Business Process Definition 


In this section, you will create a basic Insurance Claim Processing process with just a couple of activities. To 
model a process, you must first create a Business Process Definition (BPD). A BPD is a reusable model of a 
process, defining what is common to all run-time instances of that process model. 


1. Create a BPD named Claims Processing 

a. From the process library, hover over Processes and select the plus ( O ) icon 

b. In the Create New wizard, select Business Process Definition 

▼ INSURANCE CLAIM PROCESSING 
All 

Processes 
f User Interface 
^ Implementation 
^ Rules 
^ Data 
pi Performance 
Setup 
M Files 
-r TOOLKITS 

► E 4 System Data [7.5.0) 



c. Set the Name to Claims Processing 



d. Click Finish 
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By default you get a process with two swimlanes, a Start Event and an End Event. There is nothing 
special about these two default components. 

2. Create the initial process activities 

a. Drag two activities from the palette onto the canvas 



3. Set the properties of the first activity 

In Process Designer, when you select a component on the diagram, the properties of that component 
are displayed in the bottom portion of the screen. We will now rename the two activities to something 
more meaningful. 

a. Click on the first activity 

b. Click on the Properties tab below the diagram area 

c. Click on the Step sub-tab 

Under Common, set the Name to Process Claim Manually 
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4. Set the properties of the second activity 

a. Select the second activity and follow similar steps to rename the second activity to Notify Customer 



5. Wire the components together 

In Process Designer, drawing lines is a bit different: instead of using click-drag-release to draw a line, 
you simply click twice - once to start the line, and a second time to end the line. 

a. Click the Sequence Flow icon in the palette on the right-hand side 



Selection Tool 

The Selection Tool enables you to select and move components on the 
diagram 


y a 


Sequence Flow Tool 

The Sequence Flow Tool enables you to connect process components 
to establish the order in which the steps in the process occur. 


b. Click once on the Start Event. Note: The closest blue dot to your click is used - you do NOT have to 
click directly on the blue dot. 
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c. Move your mouse over Process Claim Manually and click a second time 



d. Now repeat similar steps to wire Process Claim Manually to Notify Customer and Notify Customer 
to the End Event 


< ► TE * Claims Processing 







Tip: Aligning components of a BPD 

To line up activities and straighten sequence flow lines, click on the 
component(s) you want to move and use [CTRL + arrow keys] to 
'nudge' them into position. 
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Part 4: Run the Process 

In Process Designer, the diagram is the process. Therefore, right away we can already run this basic process 
we have diagrammed. 


1. Run the process by clicking the Run Process button 



2. Save the process 


When you tried to run the process without saving the changes, Process Designer warns you that you 
have unsaved changes. 

a. At the Save Process? Prompt, click Yes 


O Save Process? 

•jCijk The process is currently not saved to the server. Any changes you m 
save will not be used. Do you want to save before starting the proce 

Remember decision? 

ade since the last 
ss? 

Yes 

No 




b. If you get a prompt to Switch Perspective?, click Yes. The reason for the prompt is that the process 
has reached a point where it needs some human interaction. 




Switch Perspective? 



The process has reached an end in its execution and is either complete orwaiting for 
events or user actions, Do you wantto switch to the Process Inspector perspective 
and see the progress of the process instance? 


Remember decision? 




Yes 

No 
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3. The Process Inspector provides a testing and debugging environment 


D* Designer Q. Inspector 


| Optimizer 


B 

Save 


Q All versions 


El 



Section 

Description 

1 

Shows that you have one process instance running 

2 

Shows that there is a task associated with the process instance currently selected in (1) 

3 

The diagram is annotated to indicate what step(s) are currently running in the process 


4. Run the first task 


a. Click the process instance in (1) 

b. Click the highlighted task in (2) 

c. Click the Run button at the top right. (This button will be disabled unless a task is selected in (2)) 
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_d. At the Pick User from Role prompt, accept admin and click OK. 



5. Complete the form associated with the task 

A browser window will open up with a default screen even though we have not implemented any 
business data, specific screens, etc. The default screen shows information about the process instance 
and the task. To complete this task, click Done. 


Default Service 


Default Activity 


Activity Information 


Name: | Pro cess Claim Manually 



Task Information 


Subject: |step: Process Claim Manually 
Assigned To; |admin 
taskld: |207S.57 


Instance Id: 12072.55 



Complete Later 


You will see a message that the service has finished: The service has finished 
a. Click Yes to close the browser 

6. Refresh the process diagram to reflect the latest status 

a. Back in the process inspector, click the Refresh icon (in the upper right above the list of tasks) to see 
where your process has advanced. 
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b. You can see in the diagram view that the process has now moved on to Notify Customer. 


Zh Designer Q. 


Instance Name: 


Inspector Q Optimizer 


Services in Debug 

Status: [All 


B 

Save 


Instance Name Snapshot Process Status 

^ Claims Processing^ Tip Claims Processing Active 


Q All versions 


00 


13 

Snapshot Pi 


B X # 


Due Date Status Owner Subject Priority Due Date 

Apr 1, 20115:13... Closed tw_user Step: Process Claim Manually Normal Mar 18, 20116:13:2... 

Received (ROLE) A... Step: Notify Customer Normal Mar 18, 20116:37:5... 



Execution State 


Breakpoints 


♦C B PD Instance (#3) 

^ Execution Tree 

tt Claims Processing 

Notify Customer (Token #4] 


Takeaway from this Section 

Just by drawing the picture, the process is executable. Even without specifying any implementation for the 
activities, you can step through the process from beginning to end. 

In the next section you will see how the Process Portal web environment can also be used to run the process. 
Specifically, you will use the Process Portal to complete the remaining activity in the process instance that you 
started from the Process Designer. 
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Part 5: Run the Process From the Process Portal 


In this section, you will run the basic process you diagrammed in the earlier section in the Process Portal. The 
Process Portal provides a web interface that enables process participants to perform assigned tasks, view the 
history of tasks, and view the performance of their processes and teams. Using Process Portal, process 
participants can connect to the Process Center Server or a Process Server in any configured runtime 
environment, such as test or production environments 


1. Launch the Process Portal 


a. Open a Firefox web browser from the Windows Taskbar bar 

b. When Firefox starts, select the IBM Process Portal link from the toolbar. 


IBM - United States - Mozilla Fin foxj 

File Edit View History Duukmarks Tools Help 


& B http://www.ibm.com/us/en/sandbox/verl/ ^ w w Google 


B IBM - United States jj WebSphere Business P... 

WebSphere Business P... 

| IBM Process Portal 


Q IBM - United States 



E 


2. Login to the Process Portal 

a. Enter Username: admin and Password: admin, and then click Login 


Process Portal Login 


User Name | ad min 
Password 

Login | 


Licensed Materials - Property of IBM © Copyright IBM Corporation 2000, 2011. 


3. Select the task to be completed 

When you login to the Process Portal, you will see a view of admin's inbox. At the end of the last 
section of this lab, there was still one activity left to complete in the process instance that was started 
from the Process Designer. You should see one row in the Instance table, representing the single task 
that is left to complete in order to finish the previously started process instance 


Hy Tasks 

Search Results 

| Inbox 

New ▼ | DO H 1 ® 1 * Z 1 1_1 Quick Search 

History 

Help Requests 

Alerts 


Organize by Task | Show Search | 



My Score Boards 

K»ly Performance 
My Team Performance 
Process Performance 
SLA Overview 
Ad Hoc Reports 


Instances 


Instance Name 

Process 

Instance Due Date 

Task Subject 

Task Priority 

Task Due Date ^ 

Run 


j— Claims 

Processing:^ 

Claims Processing 

Jun 28, 2011 8:57:13 
PM 

Step: Notify 
Customer 

Normal 

Jun 14, 2011 9:57:28 
PM 

6* 
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_a. Click on the text in the Instance Name column to see the details of the outstanding task 

Tip: Process Portal 

While the out-of-the-box portal can be used to display work lists and 
allow users to execute these work items, many customers choose to 
use their existing Portal for this purpose instead. 



4. Complete the outstanding task 

a. From the task details, select All Tasks so that you can see all tasks, not just the open tasks. 


MyTasks 

Infccx 

History 

Help Requests 
Alerts 

My ScoreBoards 

My Performance 

My Team Performance 
Pro cess Performance 
SLA Overview 
Ad Hoc Reports 


Search Results : Claims Processing (Claims Processings) 



^ New - 1 DO Ut» ■ 1 sS +3 <pSi 1 ^ 1 tC 1 % -S3 -I 1 

I'* \m r 

Quick Search 


1 Instance Details 

Process Definition: 

Claims Processing 

Status: 

Active 

Instance Name: 

Claims Processings 

Due Date: 

Jun 28, 2011 8:57:13 PM 

Instance ID: 

56 





Activity Name 

Notify Customer 


Due Date 

Jun 14. 2011 9:57:28 PM ► 


Collaboration 






Type 

Date a 

From 

To 

Comment 



Documents 





Name 

Revision 

Revision Date 

Last Modified By 



b. With All Tasks selected, you can see that there are two tasks associated with this process instance. 
One task was already completed (the one you completed from the Process Inspector), and one open 
task remains. 
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_c. Execute the task by clicking Run () on the open task. (You may need to refresh your browser for 

the Run button to appear.) 

Search Results : Claims Processing (Claims Processing:56) 

wew - i do ok s I si ■$!) I ^ I '■n: I % ® ▼ : i - a I '*6 I rf I Quick Search 


Instance Details 


Process Definition: Claims Processing Status: Active 

Instance Name: Claims Processing:^ Due Date: Jun 28,20118:57:13 PM 

Instance ID: 56 


Activity Name Status Participant Priority^ Due Date Closed Date Run 

r* Process Claim Manually Closed admin Normal Jun 14,2011 9:57:13 PM 06/14/1 1 8:57 PM __ 

|“ Notify Customer Received All Users Normal Jun 14,2011 9:57:28 PM 


Collaboration 






Type 

Date 

From 

To 

Comment 



Documents 





Name 

Revision 

Revision Date 

Last Modified By 



d. At the Task Assignment prompt, click OK. 



e. The default screen will open in a browser. Click Done to complete the task. 



Al Tasks - j 


Tasks 


My Tasks 

Inbox 

History 

Help Requests 
Alerts 

My ScoreBoards 

My Performance 
My Team Performance 
Process- Performance 
SLA Overview 
Ad Hoc-Reports 

* 
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f. Refresh the browser. 

_g. The process is now in the Completed state 


My Tasks 

Search Res u Its: Claims Processing (Claims Processings) 

Inbox 

New ~ i op o a i il -^i 4(3 I ^ I ^ *■ : I * ■ I i 1 _ quick search 


History 

Help Requests 


Alerts 


Instance Details 

My ScoreBoards 

My Performance 

My Team Performance 

Process Definition; 

Instance Name; 

Instance ID: 

Claims Processing 

Claims Processings 

56 

Status; 

Completed 

Due Date; 

Jun 28,2011 8:57:13 PM 


h. Log off from the Process Portal and close the browser 


Welcome, Internal TW User Help | Preferences | Log Off 


Takeaway from this section 

The main point for showing the Process Portal is to validate that the process runs from the very beginning. 
Everything we do now in the Process Designer will be to add more to the process until it does the right thing. 

This is the fundamental difference in IBM Business Process Manager as to how the customer approaches 
projects. The process runs from the beginning and it becomes much more of a business decision as to when the 
process does enough of the right things to be valuable. 

_5. Create a snapshot of the process 

_a. In Process Designer, switch back to the Designer perspective by clicking the button at the top left of 

the screen 


D* Designer 

Q Inspector 

Q Optimizer 0 


Jdve | 


b. Click Snapshot at the top-right corner of the window 


(Di All versions ▼ CS ? 

_ Snapshot Process Center Help 


c. For the snapshot name, enter vl .0 - Base Process and click OK 



d. Notice the snapshot in the lower-left of the Process Designer window, under Revision History 


Revision History C 


IDI vl.O - Base Process 
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Part 6: Add more Details to the Process 


In this section we will add some additional details and steps to the process to make it a bit more realistic. 


1. Configure the process swimlanes 


a. Add one additional swimlane to the process by dragging the swimlane shape from the palette onto the 
canvas. Drop the new swimlane near the top of the existing swimlane to position it at the top. 



b. Click on the new Untitledl lane to select it 

c. Click on the Properties tab at the bottom of the screen if it's not already selected 

d. Click on the Step sub-tab 
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_e. Under Common, set the Name to Data Entry 



* Claims Processing 


Diagram 


Variables Tracking Process KPIs 


Start 



Process 

Claim 

Manually 

+ 


Notify 




Customer 

+ 



-o 

End 


Kj. 



□ 

UD 

□ 


<+> 


□ 

Q 

O 

© 

© 





0 

0 



M Properties 


Step 


Valida ti on Errors Wh ere Use d 


▼ Common 

Name: 

Presentation Color: 


Data Entry] 


Default 



▼ Behavior 

Default Lane Participant Group: At All 

Is System Lane: 


Users | S | 


_f. Follow similar steps to rename the Participant lane to Manual Processing 


|_f Properties 

Validation Errors Where Used 


Step 

▼ Common 




Name: 

Manual Processing! 


Presentation Color: 

Default 

-▼ 


Documentation: 






- 


_g. Again, follow similar steps to rename System lane to Automated Processing 


j_J Properties 

Validation Errors Where Used 


Step 

▼ Common 




Name: 

Automated Processing! 


Presentation Color: 

Default 



Documentation: 


* 




- 
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_h. Click on the Pool (the container for the swimlanes) and rename it to Claims Processing 


Properties 


Validation Errors 


Where Used 


▼ Common 


Name: 

Claims Processing! 


Documentation: 

This is my pool, 




- 


i. Move the Start Event to the Data Entry swimlane by dragging it from the Manual Processing lane 
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2. Add additional elements to the BPD 

a. Drag three new activities onto the canvas and reposition the existing activities until the diagram looks 
as follows: 



b. Rename Untitled to Enter Claim Data 

c. Renamed Untitledl to Enrich Claim Data 

d. Rename Untitled2 to Automated Claim Processing 

_e. Add a Decision Gateway to the diagram by dragging it from the palette 
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f. Rename the decision gateway to High Touch? 

,g. Retarget the sequence flow that currently connects the Start Event to Process Claim Manually such 
that it now connects the Start Event and Enter Claim Data. 

V 1 

.h. Proceed to create new sequence flows (using the sequence flow tool) such that the diagram 

looks as follows: 



" Claims Processing 


CJ 


Variables Tracking Process KPIs 



Start 



Process 

Claim 

Manually 


High 

Touch? 


Automated 

Claim 

Processing 


Notify 

Customer 


o 

End 



Tip: Multiple Incoming Sequence Flows 

As seen in the case of Notify Customer, two sequence flows can 
connect to (or from) the same connection point on a BPD element. 
Thus, the following two sequence flow styles are equivalent: 





r i 

Notify 

Customer 









i. Select the sequence flow line from High Touch? to Process Claim Manually 

j. In the Line sub-tab of the Properties tab at the bottom of the screen, change the name of the 
sequence flow line to Yes 
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k. Click the Name Visible checkbox to make the Yes label appear on the diagram 



Properties 


Line 



Touch? 



Validation Errors Where Used 






▼ Common 

-r Beha\ 


Name: 

Name Visible: 

Yes 

m 

Condition: 


Documentation^ 


Line Type: 


I. Repeat the steps above to set the label from High Touch? to Automated Claim Processing to No 


Takeaway from this section 

We’ve now successfully drawn the picture of the process, and because the picture is the process in Process 
Designer, we’re left with something that can be run and played back live to a business audience to confirm 
requirements and processing steps. 

In the following sections, we'll model the business data that is used in the process and then start to define the 
detail of the process activities. This will include defining the user interfaces (or “coaches”) that are associated 
with the human interaction-related activites in the process, as well as specifying the decision gateway 
expressions to control process flow. 
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Part 7: Modeling Business Data 

In this section, we’ll take a look at the data that is flowing through the Insurance Claim process. 


1. Add a private variable to the process 

a. Click on the Variables tab near the top of the screen 



The content of this tab shows the data that is available for use in the process, broken up into inputs, 
outputs, and private variables 

b. Click Add Private to add a private variable to this process 



▼ Variables 


a Variables 

Add Private 

a §j Local 


Input 

Add Input 

<£► Output 

Add Output 

$ Private 

^ Exposed Process Variables 

Link Epv 


2. Set the details of the private variable 

a. Click on the new private variable in the tree 

b. Under Details, set the Name to claim 

c. For Variable Type, click New 


^3 * Claims Processing 



Overview Diagram | 


Tracking Process KPIs 


-»■ Variables 

a .%■ Variables 
d Local 

■O Input 
<£» Output 
d # Private 

Add Private 

Add Input j 

Add Output | 


& claim (String) 

Link Epv 

^ Exposed Process Variables 

Remove 

Move Up | 

Move Down | 



▼ Details 

Name: | claim 


Documentation: 


Is Lift: 

Variable Type: 


m 

String System Data 


| Select... 



▼ Default Value 

Has Default: □ 
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Define the new variable type 

Enter Name as InsuranceClaim and click Finish 


ky| N ew Business Object 

= 1 a M 

New Business Object 

Creating a new Business Object 

... 

\&\ 


Name: InsuranceClaim| 


Finish 


Cancel 


This step has just created a new Data Type / Variable Type / Business Object in Process Designer. 
When you create a new type in this way, the Business Object editor is automatically opened, allowing 
you to specify details for the newly created type. 

4. Specify the details of the new variable type 

a. Add some parameters to the new variable type. Under Parameters, click Add 
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_b. Select the new parameter in the list of parameters and change the name to id 


4 ^ * ImuranceClai m 


- X 


Business Object 



▼ Common 

▼ Behavior 

Name: InsuranceClaim 

Definition Type: Complex Structure Type ▼] 

Modified: tw_admin (March 21, 2011 12:16:07 PM ED7) 

Documentation: 



▼ Parameters 

▼ Parameter Properties 


£• id (String) 

Add Name: | id 



|- 1 Is List: 



Remove ___ >- 1 i \ 

Variable Type: bR String Svstem Data Select... New 



1 * 1 



[ Down Documentation: 


► Advanced Properties 

► Advanced Parameter Properties 



c. Repeat the above steps to add two more parameters of type String: customerld, description 


4 R - ^>2 * InsurenceClaim T X | 


Business Object 


▼ Common 

Name: 

Modified: 


▼ Behavior 

InsuranceClaim Definition Type: I Complex Structure Type 

tw_admin (March 21,201112:16:07 PM EDT) 


Documentation: 



▼ Parameters 

▼ Parameter Properties 

& id (String) 

Add Name: description 

■e? customerld (String) 

f- 1 Is List: □ 

i-ii description (String) 

VariableType: eR Strinq System Data Select... New 


[ Up 


| Down Documentation: 

> Advanced Properties 

► Advanced Parameter Properties 
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d. Add a new parameter named amount of type Decimal. Use the same steps above to create the 
paremeter, but for Variable Type, click Select... 



e. Start typing de and you should see the variable type list narrowed down by what you typed 

f. Select Decimal 


Business Objects 

O 

Decimal System Data 



^plndexedMap System Data 
XMLNodeList System Data 


de 


g. Add another parameter named claimDate of type Date 

h. Add one more parameter named claimApproved of type Boolean. This parameter will record 
whether or not the claim was approved as a result of the claim analysis. 
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i. Review the InsuranceClaim parameters and their types. When you are satisfied, click Save 



Close InsuranceClaim by clicking the close button (X) 


▼ xj 


m InsuranceClaim 


5. Set defaults for the variable values 

a. Back in the Claims Processing BPD (and still on the Variables tab), click the Has Default checkbox 
to assign default values to each of the InsuranceClaim parameters. 



_b. Save the changes made to the Claims Processing BPD. 

Takeaway from this section 

In this section we created a business object and associated it as a variable within the process. This will enable 
activities within the process to reference and update the variable values during execution. In the next section we 
will see how to create a user interface that allows users to do just that. 
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Part 8: Creating User Interfaces 

In this section, we’ll take a first look at how to create user interfaces using Process Designer. In the short time 
we've got for this lab, the focus will be on introducing the general approach to creating interfaces in Process 
Designer and enabling our simple insurance claim scenario. 

_1. Create a user interface for Enter Claim Data using the Activity Wizard 

_a. Click on the Diagram tab near the top of the screen 



Claims Processing 


ambles Tracking Process KPIs 


_b. Right-click Enter Claim Data and select Activity Wizard. 


*q 


Claims Processing 



Overview 


Diagram 


Variables Tracking Process KPIs 



1 - h 

r 1' 

Enter Claim 


Start 


Data 

+ 

Edit 

► 





Activity Wizard.,, 

h, 1 





Create SLA 




Guided Optimization 

► 


c. When the Activity Wizard - Setup Activity wizard page appears, keep the default for Service Type, 

(Human Service), and for Service Selection (Create a new Service). Click Next >. 



d. At the Activity Wizard - Parameters page, keep the default to use claim as an Input and Output 

parameter. Click Finish. 
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By running the Activity Wizard with these selections, it has created a reusable implementation. Note 
that the first time you run the Activity Wizard in an environment, it may take some time. Subsequent 
uses are much faster. 

2. Run the generated Enter Claim Data user interface 

a. Back in the diagram, double-click on Enter Claim Data. 




b. Note that the generated implementation opened up in the Coach Designer, which is used to design 
screens for human interaction. 


Build from Scratch 


Page 32 of 65 

































© Copyright IBM Corporation 2011. All rights reserved 


c. Double-click the Coach 



_d. The activity wizard went ahead and put the data elements onto the screen. Earlier you saw that we 
could run the process from the higher-level process (BPD), but you are not limited to always running 


from the higher-level process. In fact, go ahead and run this implementation by clicking Run 
the top-right corner of the editor 


G 


in 
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e. A browser window opens with the data elements that were defined for the screen. Note that Amount, 
Claim Date and Claim Approved have appropriate control types. Amount, which was a Decimal has 
a numeric control, Claim Date has a date control, and Claim Approved a checkbox for yes/no or 
true/false values. Click OK to complete the form. 


Enter Claim Data 


Claim 




Id; 



Customer Id: 



Description: 



Amount: 

0 


Claim Date: 

03-21-2011 

El 

Claim Approved: 

0 



r°n 


f. Close the browser window after you see the message that the service has finished. 

3. Use the Coach Designer to design the Enter Claim Data Coach (user interface) 

a. Let’s make some modifications to the user interface generated for the Enter Claim Data activity. 
Specifically, let’s re-arrange the form to give more space for the claim description and remove the 
Claim Approved checkbox (since it’s not yet time to decide if the claim has been approved). 

.b. Click and drag the Description field, dropping it between Claim Date and Claim Approved. 
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c. Click the Description text box to select it. Click the Presentation sub-tab in the Properties tab at the 
bottom of the screen to display the presentation properties for the description text box. 



_d. In the # of Rows: entry in the Widget Style section, change the value from 1 to 4. 


in * Enter Claim Data 


Overview Diagram Variables 




Enter Claim Data 


Claim Approved 


Design Preview 




{£> Sections 

E One-Column with 
Title 

B One-Column 
ETwo-Column 
H Three-Column 
£3 Controls 

Q Button Group 
iText 

|jl§ Text Area 
fc] Output Text 
fEi Combo Box 




^Variables 
■<& claim 



Validation Errors Where Used 


Widget Style 


Ef 


| Select... | 
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e. Now select the Claim Approved field and press Delete to remove the field from the coach. 



f. The last modification we’ll make to this information-gathering form is to modify the format of the 
Amount field to properly display currency values. Select the Amount field and click the Select... 
button in the Presentation sub-tab of the Properties tab at the bottom of the screen. 
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_g. Choose the first currency option from the format popup window that appears 


M 111 Dual List 


C u rrency: $ ft##.###,###.## 


"Currency: ffff # , f f ffff .## 

Currency: £ ft##.### ft##.## 
Integer; ft##.###.### 
Decimal: ft##.###,###.## 

US phone: (###) 000-0000 
USSSN: 000-00-0000 




Selector 

s 

m 



"Select, 


h. The format field now shows the selected formatting option 



You can also specify your own formats by typing in the format field directly. 

Run the coach one more time to see the updated representation as it will appear to users of the 
process. 


Enter Claim Data 

Claim 

Id: _ 

Customer Id: 

Amount: $ o.OO 

Claim Date: 03-21 -201 1_ |f°l 

Description: 

n°ri 


Save the changes you’ve made to the coach and close the Enter Claim Data coach designer. 



We've now defined a coach that will accept input from the user. Because it was originally generated 
via the Activity Wizard and set to use the claim variable as the output, the values that the user 
specifies in the coach at runtime will be put into the claim variable for subsequent tasks to use. 
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4. Create and design the Process Claim Manually coach 

a. Use the activity wizard to define a new coach for the Process Claim Manually activity by right-clicking 
on the activity in the BPD and choosing Activity wizard... 



\Aariables Tracking Process KPIs 


Enter Claim 
Data 



Proces 

Claim 

Manua 


Activity Wizard... 
Create SLA 




Guided Optimization 


Automated 

—-No—► Claim 


nog 

<£> <t> <§> 

O 

<§> 


Q W 

0 0 


b. Accept the defaults in the Activity Wizard - Setup Activity page and click Next>. 

O Activity Wizard o | B ||^^| 

Activity Wizard - Setup Activity 

Select the Service Type to attach to the Activity. Also select whether to 
create a new seivice or attach an existing one 

Activity Name: process Claim Manually 

Service Type 

® Human Service (Seivice with human interaction) 

Rule Seivice (Rule based sevice without human interaction) 

Sevice Selection 
o Create a New Sevice 

New Sevice Name: Process Claim Manually 

Attach an existing Sevice 



< Back 

Next > 

Finish 

Cancel 
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c. Also accept the defaults in the Activity Wizard - Parameters page. This coach will be responsible for 
displaying the details of the claim that have been collected so far, and requesting a response as to 
whether the claim is approved or rejected. As such, claim data is required for both input (to populate 
the coach with the existing data) and output (to record the approval status of the claim). Click Finish. 


Activity Wizard 


a Uta-| 

Activity Wizard - Parameters 


jm | 


If creating new Service, you can setup which variables to pass to it. 


#1 J 


Setup paremeters: 




Business Process Variable 

Input 

Output 



© claim (InsuranceClaim) 

true 

true 



|[ < £ack || Next > Finish Cancel 

_ 


d. Save the Claims Processing BPD. 

e. Double-click on the Process Claim Manually activity to open the Coach Designer. 



This time we are going to use the Process Claim Manually diagram area to create a screen flow 
consisting of two coaches. The user will move between these screens by clicking buttons in the 
coaches. 
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_f. Drag a new Coach from the palette onto the canvas. 



g. Rename the coach to Display Instructions using the Name field in the Step sub-tab of the Properties 
tab. 


_[ Properties 

| Validation Errors Where Used 


Step 

▼ Common 


▼ Behavic 

Pre & Post 

Name; 

Display Instructions! 

Save Executic 


Documentation: 

- 



h. Switch to the Coaches page at the top of the Process Claim Manually editor. 



Notice that both coaches are displayed on the left side of the screen. We will use the Display 
Instructions coach to present the user with some instructions pertaining to the manually processing 
the claim. 
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_i. Start by renaming the IBM BPM Coach section at the top of the coach by clicking to select it, and 

changing the Title to Instructions for Manual Claim Processing in the Coach sub-tab of the 
Properties tab at the bottom of the screen. 
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Hide the Section Title text by selecting the section and deselecting Title Visible in the Properties tab 



k. Create a spot to write the manual claim processing instructions by dragging a Custom HTML control 
from the palette onto the canvas, positioning it above the button group 






Tip: Finding the Custom HTML Control 

If you don’t see the Custom HTML control on the palette, you may 
need to scroll down to reveal more control types. Use the gray up and 
down buttons within the Controls section to scroll the section. 
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I. Select the Custom HTML control in the coach and change the HTML content to read To approve or 
reject this claim, click 'Next >' and review the claim details. This can be done on the Presentation 
sub-tab of the Properties tab. Only the first few characters of the entered text will be shown above. 



m. Similarly, select the OK button and rename it to Next >. 



n. Save the changes you have made to Process Claim Manually and return to the Diagram tab. 


Build from Scratch 


Page 43 of 65 







































































© Copyright IBM Corporation 2011. All rights reserved 


5. Create the screen flow to define how to move from one coach to the other 

a. Use the Sequence Flow tool to create a connection from Display Instructions to Coach. 



Overview 


Diagram 


Variables 


Coaches 


> 1 - 

-► 

Start 



. BN 

n 




I Ok 


Display 

Instructions 


o 


Notice that the label that we assigned to the button in the Display Instructions is shown on the 
sequence flow. This indicates that pressing the button will cause the flow to move to the next coach. 

b. Retarget the existing connections and tidy the diagram as shown below 



0 

1 „ 

A 

i- 

E3 Next > 

i 

Start 


Display 

Instructions 




I Ok 


o 
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c. To help with straightening the connections, the service editor has a handy option to Tidy Layout 
Right-click on the background of the diagram and choose Tidy Layout from the menu. 




d. Rename the coach labelled Coach to Accept or Reject Claim 


* Process Claim Manually 


Overview 


Diagram 


Variables 


Coaches 



& 


fi 

-fr 

Display 

-□ Next >—► 

Accept or 

Start 

Instructions 


Reject Claim 


o 
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6. Create and design the Accept or Reject Claim coach 

a. Double-click on Accept or Reject Claim to navigate to the Coach tab for this coach 



b. Because we originally created this coach using the Activity Wizard, the Claim section has already been 
created for us, with fields for each of the parameters of the claim. Let’s see how we could have 
created this form had it not been done for us. Click the Claim section header to select the section. 
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_c. Press Delete to remove the section from the coach. It should now look as follows. 


1 Process Claim Manually 


Overview Diagram Variables 


£9 

Accept or Reject. 


Process Claim Manually 


Ok 


Display Instructions 


d. To create a coach section that shows details of a particular input, output or private variable within a 
human service, drag the variable from the bottom of the palette onto the coach. In this case, drag 
claim onto the coach. 



Notice that a field is automatically created for each parameter of the claim. 


Build from Scratch 


Page 47 of 65 













































© Copyright IBM Corporation 2011. All rights reserved 


e. The purpose of this coach is to allow the user to indicate whether the claim has been approved or not. 
To make this clear, create another section on the coach by dragging One-Column with Title from the 
Sections section of the palette 



Be sure to position the new section below the Claim section, and above the button section, 
f . Change the title of the new section to Indicate Claim Approval 

.g. Move the Claim Approved checkbox field from the Claim section to the Indicate Claim Approval 

section by dragging and dropping it 



h. Instead of using a check box to indicate claim approval, let’s change the display of the Claim 
Approved field to be a combo box with two options: Approved and Rejected. Click on the Claim 
Approved field to select it 
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In the Presentation sub-tab of the Properties tab at the bottom of the screen, choose the Combo box 
widget type. 


4 Process Claim Manually 


Overview Diagram Variables 

A 

Accept or Reject 

A 

Display Instructions 



n m ► 


& Sections 

Ej=l One-Column with 
Title 

E One-Column 
H Two-Column 
“Three-Column 


& Controls 

Q Button Group 
(£□ Text 
El Text Area 
^Hl OutputText 
3 Combo Box 


Design Previe 


Properties 


Validation Errors Where Used 


Il4 


Boolean 

Presentation 

Visibility 

Events 

Customization 


Widget Style 

Widget Type: 


Check Box 


Check Box 
Radio Buttons 


True Display Value: ^ 
False Display Value: £ 


Enter Approved in the True Display Value, and Rejected in the False Display Value fields 


Properties 


Validation Errors 


Where Used 


Boolean 

▼ Style; 


Presentation 

Widget Type: 

Combo Box ▼ 

Visibility 

Widget is displayed as a 

Events 


drop-down Combo Box with two 

Customization 





True Display Value: ^ 

Approved 



False Display Value: s* 

Rejected 





k. The claim information gathered earlier should be displayed for reference only, and hence should not 
be editable. Select the Claim section by clicking on the section title. 

l. In the Visiblility sub-tab of the Properties tab at the bottom of the screen, check the Override parent 
visibility checkbox to enable it. 
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_ m. In the Default Visibility combo box beneath the Override parent visibility checkbox, choose the 

Disabled (read only access) for everyone option. 



n. Save the changes you have made to the Process Claim Manually service. 

7. Run the Process Claim Manually human service 

a. Click the Run button at the top-right corner of the screen (). a web browser displays the Display 
Instructions coach, which is the first coach in our screenflow. Click Next >. 


Instructions for Manual Claim Processing 


To approve or reject this claim, click 'Next and review the claim details. 


| Next > ] 
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b. When the Process Claim Manually coach appears, notice that the controls in the Claim section are 
read-only, while the Claim Approved combo box is still editable. 



c. Click OK to complete the service. Close the web browser. 

d. Close the Process Claim Manually service editor and return to the Claims Processing BPD. 



E 

Process Claim Manually 

▼ 

Zf 

Overview Di 

a gram Variables | 

Coaches 




8. Create and design the Notify Customer coach 

a. Use the activity wizard to define a new coach for the Notify Customer activity by right-clicking on the 
activity in the BPD and choosing Activity wizard... For the purpose of this lab, this activity will simply 
display the claim information collected so far, and prompt the user to indicate when the insurance 
claim response has been sent to the customer 
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_b. Accept the defaults in the Activity Wizard - Setup Activity page and click Next>. 



c. Also accept the defaults in the Activity Wizard - Parameters page. Click Finish. 



d. Save the Claims Processing BPD. 
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e. Double-click on the Notify Customer activity to open the Coach Designer. 



_e. Click the Coaches tab at the top of the editor. 
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f. Because this coach will simply display the previously collected information in read-only form, select the 
Claim section and choose to Override the Parent Visibility and select that the Default Visibility be 

Disabled (read only access) for everyone. 


1 P 3 * Notify Customer 


Overview Diagram Variables | 


& 


Notify Customer 


Claim 


Id: 

Customer Id: 

Description: 

Amount: 

Claim Date: 
Cl-aim Approved: 


0 


Design Preview 


ra 





Validation Errors Where Used 


^ Visibility 


Visibility 


Customization 


Override Pa rent Visibility: 


Default Visibility: 

Disabled (read only access) for everyone ▼ 

Override Default: 

Editable (full access) for everyone 

Required (full access) for everyone . 

* 
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g. This time, to make the information look more like it is read-only, we will change the control type for 
each of the text fields from Input Text to Output Text. Select the id text field, and change the Control 
Type to Output Text in the Input Text sub-tab of the Properties tab at the bottom of the screen 



h. Repeat the same steps to use Output Text controls for the Customer Id, Description, Amount and 
Claim Date fields. Leave the Claim Approved as a checkbox. 



Build from Scratch 


Page 55 of 65 












































































































© Copyright IBM Corporation 2011. All rights reserved 


i. Change the label of the button from Ok to Confirm Notification Sent. Remember that the button 
label can be changed in the Presentation sub-tab of the Properties tab. (Do not be confused by the 
label that can be applied to the button group as a whole, in the Button Group sub-tab). 



j. Save the changes made to the Notify Customer coach. 

9. Run the Notify Customer human service 

a. Click the Run button at the top-right corner of the screen ( O ). a web browser displays the Notify 
Customer. Verify that text input fields are no longer used to display the read-only customer 
information. Click Confirm Notification Sent to complete the coach step. 


Notify Customer 

Claim 

Id: 

Customer Id: 

Description: 

Amount: o 

Claim Date: 3-22-2011 
Claim Approved: Q 

Confirm Notification Sent | 
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b. Close the web browser, and also close the Notify Customer service editor, returning to the Claims 
Processing BPD 



Takeaway from this Section 

In this section you were introduced to just a few of Process Designer’s features related to creating user 
interfaces (coaches) to present and collect information from users as part of the human-interaction steps within 
a process. Beyond what was explored here, support also exists for adding dynamic AJAX interaction to the 
form elements, specifying custom CSS stylesheets to control the coach’s look and feel, custom validation 
capabilities, service invocation within screen flows, and much more. 
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Part 9: Completing the Business Process Diagram 

In this last section, we’ll come back to the BPD and define the gateway conditions that will determine whether an 
insurance claim can be processed automatically, or whether it will require manual processing (using the coaches 
that we defined in the previous section). 

_1. Define the gateway condition in the BPD 

_e. Select the High Touch? decision gateway in the Claims Processing diagram, and display the 

Implementation sub-tab in the Properties tab the bottom of the screen. 



f. Depending on the order in which you drew the sequence flows out of the decision gateway, the order 
of the No and Yes branches may be different in the Decisions section. If the Yes branch is on the 
bottom, click the up arrow beside the Default Line box to move it to the top. 
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Validation Errors 
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Pre & Post 
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No (Automated Claim Processing) 

. Ye; (Process Claim Manually) 
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_g. To define the condition under which the claim requires manual processing, begin by selecting the field 
selection button to the left of the operator combo box on the Yes line 



* Claims Processing 


Diagram 


Variables Tracking Process KPIs 


Enter Claim 
Data 


Start 




Properties 
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Rule 
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Pre & Post 
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C Yes (Process Claim Manuallv) 
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& 

No (Automated Claim Processina) 
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fault Line 


]<*. O |=J 
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The popup window displays the fields that make up the private claim variable available for use in the 
process. 

h. Select amount from the popup window. 


Properties 


Validation Errors 


Where Used 


Step 

Simulation 

Rule 

Implementation 
Pre & Post 


~ Decisions 

j Yes (Process Claim Manually) 


. claim. amount| 


3 * 


I No (Automated Claim Processing) 


[ 1 


ft £ E 

NONE 

Default Line 

ft £ 


The text now contains the text tw.local.claim.amount, which is the text representation for the variable 
field we chose from the popup window. This text could also have been typed directly into the field 
without using the popup window. 

Choose the >= operator from the operator combo box. 
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Enter a value of 5000 in the right-most text field. 


Properties 


Validation Errors Where Used 




Step 

Simulation 

Rule 

Implementation 
Pre & Post 


▼ Decisions 

>! Yes (Process Claim Manually) 

No (Automated Claim Processing - ) 


.claim.amount 

[>= ▼ 

5000 



Default Line 




0 A 


k. We have now defined a gateway condition that will route all insurance claims with an amount greater 
than $5000 to be manually processed. Any claims less than $5000 will be processed automatically. 

.1. Save the process. 

rn. Note that we have not added any details to the two activities within the Automated Processing 
swimlane. Click the Automated Processing swimlane and examine the Properties tab. 



Notice that this swimlane is marked as being a System Lane. This means that any activities placed in 
this lane will be assigned a default implementation that doesn’t do anything, but that also does not 
require interaction from the user during playback. In reality, we would configure these steps to perform 
some automated processing either by calling an existing service, or embedding the service 
implementation directly within the activity itself. For now, we will leave these activities with their default 
implementation. 


2. Run the process to test the flow and the coaches 

a. Click the Run button to start a new instance of the process. 

b. If a dialog appears asking you to switch to the Inspector, click Yes. 


yj Switch Perspective? 



The process has reached an end in its execution and is either complete orwaiting for 
events or user actions, Do you want to switch to the Process Inspector perspective 
and seethe progress of the process instance? 


Remember decision? 


Yes 


Wo 
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c. The Process Inspector shows that the process is waiting for user interaction at the first activity, Enter 
Claim Data. Select the process instance that has a Status of Active in the table at the top left, then 
select the activity from the list at the top right and click Run. 



e. At the Pick User from Role prompt, accept admin and click OK. 
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d. When the web browser window appears, enter some sample claim data and click OK. Remember that 
depending on the amount of the claim that you specify, the process will be routed in different 
directions. 



e. Close the web browser when the step has completed. 

f. Back in the process designer, click the refresh button to update the active step information in the 
diagram. If the process stops on Enrich Claim Data, click the refresh button again to move to the 
next step. 

,g. If the value of the claim entered above was more than $5000, the claim will require manual processing. 
Select the Process Claim Manually task in the task list and press the Run button. 



h. Choose tw_user from the user selection dialog box 
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_i. Click Next > in the web browser window that appears, displaying the Display Instructions coach. 


Instructions for Manual Claim Processing 

To approve or reject this claim, click 'Next and review the claim details. 


| Next > ] 


In the next form, decide whether this claim should be approved or rejected and choose the appropriate 
response in the combo box. Click Ok. 


Process Claim Manually 



Claim Approved: | Approved 
Approved 



Notice that the fields in the Claim section are read-only and cannot be modified. Close the web 
browser when the step is complete. 
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k. Back in the Process Inspector, refresh the diagram to reveal that the processing has now moved to 
the Notify Customer task. Again, select the task in the task list and run the task as tw_user. 



I. The web browser now shows the final claim status using Text Output controls as we specified. Click 

Confirm Notification Sent to complete the task. 



Build from Scratch 


Page 64 of 65 
































































© Copyright IBM Corporation 2011. All rights reserved 


m. Click the refresh button one final time in the Process Inspector. The task list shows that all tasks are 
Closed, and the process instance list now shows that the process instance is Completed. 
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Well done! You have now created and automated your first process with IBM Business Process Manager. The 
main takeaway from this lab is that the picture is the process, and that you can ‘play back’ the process at any 
point during process design to validate behaviour and requirements with a business audience. 


CONGRATULATIONS! 

You have completed this hands-on lab. 
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